
<link rel="stylesheet"
      href="{{asset('static/bootstrap/css/bootstrap.min.css')}}">
<div class="container">
    <div class="row clearfix">
        <div class="column" style="width: 1020px; margin: 0 auto">
            <div class="carousel slide" id="carousel-936168">
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    @for($i=0;$i<count($carousels)-1;$i++)
                        <li  data-target="#carousel-example-generic" data-slide-to="0"></li>
                    @endfor
                </ol>
                <div class="carousel-inner" >
                    @foreach($carousels as $carousel)
                        <div  class="item {{$carousel->id == $firstimg->id?"active":"" }}">
                            <img src="{{asset('/uploads/'.$carousel->imgpath)}}" alt="First slide">
                            <!-- Static Header -->
                            <div class="carousel-caption">
                                <p style="font-size:18px;">
                                    {{$carousel->comment}}
                                </p>
                            </div>
                            <!-- /header-text -->
                        </div>
                    @endforeach
                </div>

                <a class="left carousel-control" href="#carousel-936168" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left"></span></a>
                <a class="right carousel-control" href="#carousel-936168" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right"></span>
                </a>
            </div>
        </div>
    </div>
</div>
<!-- jQuery 文件 -->
<script src="{{asset('static/jquery/jquery.min.js')}}"></script>
<!-- Bootstrap JavaScript 文件 -->
<script src="{{asset('static/bootstrap/js/bootstrap.min.js')}}"></script>
